home *** CD-ROM | disk | FTP | other *** search
/ Exame Informatica 142 / Exame Informatica 142.iso / Programas / VlogIT / VlogItTrial.exe / layout.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2005-11-02  |  10.4 KB  |  689 lines
  1.  
  2. a{
  3.     font-family: Arial, Helvetica, sans-serif;
  4.     font-size: 12px;
  5.     font-style: normal;
  6.     font-weight: bold;
  7.     color: #0080C0;
  8. }
  9. a:hover{
  10.     color:#005782;
  11.     text-decoration:none
  12. }
  13. blockquote{
  14.     color:#0864A4;
  15.     font-size:14px;
  16.     font-weight:bold;
  17.     text-align:center;
  18.     margin:0px 0px 18px 0px;
  19.     padding:0px
  20. }
  21. body {
  22.     text-align:center;
  23.     background-color:#898989;
  24.     font-family:Arial, Helvetica, sans-serif;
  25.     font-size:12px;
  26.     margin-top:5px;
  27.     line-height:18px;
  28.     color:#333
  29. }
  30. form{
  31.     padding:10px;
  32.     background-color:#F9F9F3;
  33.     border:1px solid #e9e9e9
  34. }
  35. form h4{
  36.     color:#00297E
  37. }
  38. form h5{
  39.     color:#666
  40. }
  41. form h4{
  42.     margin:0px 0px 6px 0px
  43. }
  44. form input.big{
  45.     font-weight:bold;
  46.     padding:5px
  47. }
  48. form input, form textarea{
  49.     font-size:11px;
  50.     font-family:inherit
  51. }
  52. form table td{
  53.     padding:0px 10px 0px 0px
  54. }
  55. form textarea{
  56.     width:500px;
  57.     height:100px
  58. }
  59. form ul, form ol{
  60.     margin:0px 0px 12px 20px;
  61.     padding:0px
  62. }
  63. form .sect{
  64.     margin:0px 0px 12px 0px
  65. }
  66. form input.sub{
  67.     font-weight:bold;
  68.     font-family:inherit;
  69.     font-size:12px;
  70.     padding:5px
  71. }
  72. form .blk{
  73.     display:block;
  74.     margin-bottom:12px
  75. }
  76. h1, h2{
  77.     font-size:20px;
  78.     line-height:20px;
  79.     margin:0px 0px 12px 0px;
  80.     color:#202462
  81. }
  82. h1 a, h2 a, h3 a, h4 a{
  83.     font-size:inherit
  84. }
  85. h1 a{
  86.     font-size:18px;
  87. }
  88. h2 a{
  89.     font-size:18px
  90. }
  91. h3 a{
  92.     font-size:14px
  93. }
  94. h3{
  95.     font-size:14px;
  96.     font-weight:bold;
  97.     margin:0px 0px 12px 0px;
  98.     color:#1F1F1F
  99. }
  100. h4{
  101.     font-size:12px;
  102.  
  103.     margin:0px 0px 12px 0px;
  104.     color:#1F1F1F
  105. }
  106. h5{
  107.     font-size:11px;
  108.     margin:0px;
  109.     color:#1F1F1F
  110. }
  111. h5 a{
  112.     font-size:11px
  113. }
  114. h6{
  115.     font-size:11px;
  116.     font-weight:normal;
  117.     margin:0px
  118. }
  119. /* IE puts 7px top/bottom margin on hr element, so here's a sloppy hack to compensate */
  120. hr{
  121.     border:1px solid #e9e9e9;
  122.     margin:-7px 0px 4px 0px;
  123.     padding:0px
  124. }
  125. .block > hr{
  126.     margin:0px 0px 12px 0px
  127. }
  128. /**/
  129. img{
  130.     border:0px;
  131.     margin:0px
  132. }
  133. ol li ol{
  134.     list-style-type:lower-alpha;
  135.     font-size:11px
  136. }
  137. ol li ol li ol{
  138.     list-style-type:lower-roman
  139. }
  140. p{
  141.     margin:0px 0px 12px 0px
  142. }
  143. table td {
  144.     font-size:12px;
  145. }
  146. table.full td{
  147.     padding-right:12px
  148. }
  149. ul{
  150.     margin:0px 0px 12px 27px;
  151.     padding:0px
  152. }
  153. ul li h4{
  154.     margin:0px;
  155.     padding:0px
  156. }
  157. ul h3{
  158.     margin-bottom:9px
  159. }
  160. ul li{
  161.     list-style-type:square;
  162.     margin:0px;
  163.     padding:0px
  164. }
  165. ul li p{
  166.     margin:0px
  167. }
  168. ul ul{
  169.     margin-bottom:9px
  170. }
  171. ul.sub{
  172.     margin-top:18px;
  173.     margin-bottom:1em
  174. }
  175. ul.sub li{
  176.     padding:0px;
  177.     height:auto;
  178.     list-style-type:square;
  179.     margin:0px
  180. }
  181. table.table th, table.table td{
  182.     padding:2px 4px
  183. }
  184. table.table thead th{
  185.     font-size:12px;
  186.     font-weight:bold;
  187.     background-color:#e9e9e9;
  188.     border-bottom:1px solid #666;
  189.     text-align:left
  190. }
  191. table.table tbody th{
  192.     font-size:12px;
  193.     font-weight:bold;
  194.     border-right:1px solid #ccc
  195. }
  196. table.table tbody tr{
  197.     background-color:#F8F8F8
  198. }
  199. table.table tbody tr td{
  200.     font-size:11px
  201. }
  202. table.table tbody tr.cell0{
  203.     background-color:#fff
  204. }
  205. /* ----------------------------- */
  206. #banner {
  207.     border-top:4px solid #e9e9e9
  208. }
  209. #banner img{
  210.     margin:0px;
  211.     padding:0px;
  212.     border-bottom:4px solid #e9e9e9
  213. }
  214. /* 
  215. This is for backwards compatibility. 
  216. No new pages should use the .bottomborder class */
  217. #banner.bottomborder{
  218.     border-bottom:4px solid #e9e9e9;
  219. }
  220. #banner.bottomborder img{
  221.     border-bottom:0px
  222. }
  223. /* */
  224. #content .pLookCol {
  225.     clear: both;
  226. }
  227.  
  228. #content .pLookCol .block {
  229.     padding: 10px 20px;
  230. }
  231.  
  232. #content .fullcol{
  233.     clear:both;
  234.     width:612px
  235. }
  236. #content .fullcol .block{
  237.     padding:10px 20px
  238. }
  239. #content .leftcol .block{
  240.     padding:10px 10px 10px 20px
  241. }
  242. #content .leftcol_3into4 .block{
  243.     padding:10px 10px 10px 20px
  244. }
  245. #content .rightcol .block{
  246.     padding:10px 20px 10px 10px
  247. }
  248. #content .rightcol_1into4 .block {
  249.     padding:10px 20px 10px 10px
  250. }
  251. #foot {
  252.     clear:both;
  253.     background-color:#e9e9e9;
  254.     text-align:left;
  255.     font-size:10px;
  256.     color:#999;
  257.     padding-left:5px;
  258.     border-bottom:1px solid #666
  259. }
  260. #foot a{
  261.     color:#999;
  262.     font-size:10px;
  263.     text-decoration:none
  264. }
  265. #sidenav {
  266.     margin-left:612px;
  267.     text-align:left;
  268.     padding:10px;
  269.     vertical-align:top;
  270.     font-size:11px;
  271.     line-height:12px
  272. }
  273. #sidenav a{
  274.     font-size:11px
  275. }
  276. #sidenav img{
  277.     display:inline
  278. }
  279. #sidenav li a {
  280.     font-size:11px;
  281.     text-decoration:none;
  282.     color:#636363;
  283. }
  284. #sidenav li a:hover {
  285.     color:#000
  286. }
  287. #sidenav p{
  288.     margin-bottom:9px
  289. }
  290. #sidenav h4{
  291.     margin-top:0;
  292.     color:#333;
  293.     margin-bottom:9px
  294. }
  295. #sidenav h4 a{
  296.     font-size:12px;
  297.     text-decoration:none
  298. }
  299. #sidenav h4.plug{
  300.     color:#FFFFFF;
  301.     background-color:#990000;
  302.     padding-left:5px;
  303.     margin-left:-5px
  304. }
  305. #sidenav h5{
  306.     font-size:11px;
  307.     color:#666;
  308.     margin:0px 0px 6px 0px;
  309.     text-decoration:underline
  310. }
  311. #sidenav ol, #sidenav ul{
  312.     line-height:11px;
  313.     font-size:11px;
  314.     margin:0px 0px 18px 0px;
  315.     padding:0;
  316. }
  317. #sidenav ul li{
  318.     padding:6px 0px 6px 20px;
  319.     vertical-align:middle;
  320.     list-style-type:none;
  321.     vertical-align:text-top;
  322.     background-image:url(http://www.seriousmagic.com/styles/images/nav_bullet_small_nav.gif);
  323.     background-repeat:no-repeat;
  324.     background-position:left center;
  325.     border-bottom:1px dashed #999999
  326. }
  327. #sidenav ol li{
  328.     padding:6px 0px 6px 20px;
  329.     vertical-align:middle;
  330.     list-style-type:none;
  331.     vertical-align:text-top;
  332.     background-repeat:no-repeat;
  333.     background-position:left center;
  334.     border-bottom:1px dashed #999999
  335. }
  336. #wrapper{
  337.     width:762px;
  338.     margin:0px auto;
  339.     background-image:url(images/c612s150.gif);
  340.     background-position:center;
  341.     background-repeat:repeat-y;
  342. }
  343. #wrapper #content {
  344.     width:612px;
  345.     float:left;
  346.     text-align:left;
  347.     height:500px
  348. }
  349. #wrapper > #content{
  350.     height:auto;
  351.     min-height:500px
  352. }
  353. #wrapper #content .leftcol{
  354.     float:left;
  355.     width:306px
  356. }
  357. #wrapper #content .leftcol_3into4{
  358.     float:left;
  359.     width:459px
  360. }
  361. #wrapper #content .rightcol{
  362.     float:right;
  363.     width:306px
  364. }
  365. #wrapper #content .rightcol_1into4{
  366.     margin-left:459px
  367. }
  368. #wrapper2{
  369.     width:762px;
  370.     margin:0px auto;
  371.     background-image:url(images/c762s0.gif);
  372.     background-position:center;
  373.     background-repeat:repeat-y;
  374. }
  375. #wrapper2 #content{
  376.     width:762px;
  377.     text-align:left;
  378.     height:500px
  379. }
  380. #wrapper2 .leftcol{
  381.     float:left;
  382.     width:381px
  383. }
  384. #wrapper2 .rightcol{
  385.     margin-left:381px
  386. }
  387. #wrapper2 > #content{
  388.     height:auto;
  389.     min-height:500px
  390. }
  391. .altnav{
  392.     float:right;
  393.     margin:0px 0px 10px 10px
  394. }
  395. .altnav a{
  396.     font-size:11px;
  397. }
  398. .astr{
  399.     color:red;
  400.     font-weight:bold;
  401.     font-size:14px
  402. }
  403. /* Shading / usability stuff / used to draw attention to an element */
  404. .focused{
  405.     background-color:#FF8080
  406. }
  407. .cell0{
  408.     background-color:#eee
  409. }
  410. .cell1{
  411.     background-color:#fff
  412. }
  413. /* */
  414. .clear{
  415.     clear:both
  416. }
  417.  
  418. /* Begin Float Hack (I found it here--> http://www.positioniseverything.net/easyclearing.html) */
  419. .container:after{
  420.     content: "."; 
  421.     display: block; 
  422.     height: 0; 
  423.     clear: both; 
  424.     visibility: hidden
  425. }
  426. /* Hides from IE-mac \*/
  427. * html .container {height: 1%;}
  428. /* End hide from IE-mac */
  429. /* I added this part. For some reason, IE screws up the margins when a right floated element is put in a .container (ok w/left float for some reason) */
  430. .container .rightTop{
  431.     margin-bottom:0px
  432. }
  433. .container > .rightTop{
  434.     margin-bottom:12px
  435. }
  436. /* End Float Hack */
  437.  
  438. .date{
  439.     font-size:11px;
  440.     font-weight:normal;
  441.     color:#000000
  442. }
  443.  
  444. .sidebox{
  445.     border:1px solid #D2DDE7;
  446.     background-color:#EAEFF3;
  447.     padding:5px;
  448.     font-size:10px
  449. }
  450. .sidebox p{
  451.     font-size:10px
  452. }
  453.  
  454. .table thead th{
  455.     font-size:12px;
  456.     font-weight:bold;
  457.     background-color:#ccc
  458. }
  459. /**/
  460. .head{
  461.     padding-left:5px;
  462.     margin-left:-5px;
  463.     background-color:#E2EDF3
  464. }
  465. .hnav{
  466.     margin:0px 0px 18px 0;
  467.     padding:0px
  468. }
  469. .hnav li{
  470.     list-style-type:none;
  471.     display:inline;
  472.     background-image:url(images/nav_bullet_small.gif);
  473.     background-repeat:no-repeat;
  474.     background-position:left center;
  475.     margin:0px;
  476.     padding-left:18px;
  477.     padding-right:9px
  478. }
  479. .imageList{
  480.     margin-left:0px
  481. }
  482. .imageList li{
  483.     list-style-type:none;
  484.     background-position:left top;
  485.     background-repeat:no-repeat;
  486.     height:86px;
  487.     padding-left:124px;
  488.     margin:0px 0px 18px 0px
  489. }
  490. .imageList > li{ /* hack */
  491.     height:auto;
  492.     min-height:86px
  493. }
  494. .leftTop {
  495.     float:left;
  496.     margin:0px 12px 12px 0px
  497. }
  498. .rightTop{
  499.     float:right;
  500.     margin:0px 0px 12px 12px
  501. }
  502. .nav{
  503.     margin:0px 0px 12px 0;
  504.     padding:0px
  505. }
  506. .nav li{
  507.     list-style-type:none;
  508.     background-image:url(images/nav_bullet_small.gif);
  509.     background-repeat:no-repeat;
  510.     background-position:left center;
  511.     margin:0px;
  512.     padding-left:18px
  513. }
  514. .new{
  515.     font-weight:bold;
  516.     color:red
  517. }
  518. .nom{
  519.     margin:0px
  520. }
  521. .price{
  522.     font-weight:bold;
  523.     color:red;
  524.     font-size:16px
  525. }
  526.  
  527. .smallest {
  528.     font-size: 10px;
  529. }
  530.  
  531. .small{
  532.     font-size:11px
  533. }
  534. .small{
  535.     line-height:14px
  536. }
  537. .small a{
  538.     font-size:11px
  539. }
  540. .small p{
  541.     margin-bottom:14px
  542. }
  543. .small table td{
  544.     font-size:11px
  545. }
  546. .author{
  547.     font-size:11px;
  548.     font-weight:bold
  549. }
  550. .quotes div{
  551.     padding:10px
  552. }
  553.  
  554. ul.vlogList {
  555.     margin: 0;
  556.     padding: 0;
  557.     width: 280px;
  558. }
  559.  
  560. ul.vlogList li {
  561.     list-style: none;
  562.     padding-bottom: 25px;
  563. }
  564.  
  565. ul.vlogList li.listHeader {
  566.     padding-bottom: 19px;
  567. }
  568.  
  569. ul.vlogList p {
  570.     margin: -31px 0 0 35px;
  571.     padding: 0;
  572.     width: 247px;
  573. }
  574.  
  575. div.featureRow {
  576.     width: 572px;
  577.     border-bottom: 1px solid #e9e9e9;
  578.     padding: 20px 0 0 0;
  579. }
  580.  
  581. div.lastFeatureRow {
  582.     border-bottom: 0;
  583. }
  584.  
  585. div.firstFeatureRow {
  586.     padding: 0;
  587. }
  588.  
  589. div.featureRow h3 {
  590.     padding-bottom: 0;
  591.     margin-bottom: 0;
  592. }
  593.  
  594. div.featureRow img {
  595.     float: right;
  596.     clear: left;
  597.     margin: 0;
  598.     padding: 15px 0 0 0;
  599. }
  600.  
  601. div.featureRow p {
  602.     margin: 0;
  603.     padding: 0;
  604.     width: 273px;
  605. }
  606.  
  607. .bold {
  608.     font-weight: bold;
  609. }
  610.  
  611. a.vlogProdShot {    
  612.     height: 136px;
  613.     width: 150px;
  614.     margin: 35px 0 0 0;
  615. }
  616.  
  617. a.vlogProdShot img {
  618.     float: left;
  619. }
  620.  
  621. .ol1 {
  622.     background-image:url(/styles/images/ol1.jpg);
  623. }
  624.  
  625. .ol2 {
  626.     background-image:url(/styles/images/ol2.jpg);
  627. }
  628.  
  629. .ol3 {
  630.     background-image:url(/styles/images/ol3.jpg);
  631. }
  632.  
  633. .ol4 {
  634.     background-image:url(/styles/images/ol4.jpg);
  635. }
  636.  
  637. table.ovationThumbs td {
  638.     vertical-align: top;
  639.     padding: 0 12px 12px 0;
  640. }
  641.  
  642. table.ovationThumbs td.end {
  643.     padding: 0;
  644. }
  645.  
  646. .noWrap {
  647.     white-space: nowrap;
  648. }
  649.  
  650. .flashBox {
  651.     float: right;
  652.     width: 303px;
  653.     padding-top: 121px;
  654. }
  655.  
  656. .powerThumbs img {
  657.     padding: 0 10px 3px 0;
  658. }
  659.  
  660. div#content .fullcol .block ul.supCompat {
  661.     margin: 0 0 0 15px;
  662.     padding: 0;
  663.  
  664. }
  665.  
  666. div#content .fullcol .block ul.supCompat li {
  667.     list-style-type: none;
  668. }
  669.  
  670. .italic {
  671.     font-style: italic;
  672. }
  673.  
  674. .alignCenter {
  675.     text-align: center;
  676. }
  677.  
  678. .ovationLooks {
  679.     padding: 0 0 8px 0;
  680.     margin: 0;
  681. }
  682.  
  683. *html .ovationLooks {
  684.     margin: 0 0 0 -16px;
  685. }
  686.  
  687. img.putBorder {
  688.     border: 1px solid red;
  689. }